*{padding:0;margin:0;box-sizing:border-box}body,button,input{font-family:'Open Sans',sans-serif}button,input{font-size:16px}.head_bar{padding:12px;display:flex;align-items:center;justify-content:center;background-color:#0d0d0e;color:#fff}main{max-width:800px;width:80%;margin:0 auto;padding:16px}.input_section{display:flex;flex-direction:column;padding:16px;border:1px solid #000;border-radius:10px}.input_section>h2{text-align:center;color:#6495ed}.input_section>form>.input{margin:8px 0}.input_section>form>button{background-color:#6495ed;color:#fff;border:0;border-radius:5px;display:block;width:100%;padding:8px;cursor:pointer}.input_section>form>button>span{font-weight:700}.input_section>form>.input>input{display:block;width:100%;padding:8px;border-radius:5px}.input_section>form>.input>label{color:#6495ed;font-weight:700}.input_section>form>.input_inline{margin:12px 0;display:flex;align-items:center}.input_section>form>.input_inline>label{color:#6495ed;font-weight:700;margin-right:10px}.search_section{margin:16px 0;display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid #000;border-radius:10px}.search_section>h2{color:#6495ed}.search_section>form{padding:16px;width:100%;display:grid;grid-template-columns:auto 1fr .5fr;grid-gap:10px}.search_section>form>label{display:flex;align-items:center}.search_section>form>input{padding:5px;border-radius:5px}.search_section>form>button{background-color:#6495ed;color:#fff;border:0;border-radius:5px;cursor:pointer}.book_shelf{margin:16px 0 0 0;border:1px solid #000;padding:16px;border-radius:10px}.book_shelf>h2{color:#6495ed;text-align:center}.book_shelf>.book_list{padding:16px}.book_shelf>.book_list>.book_item{padding:8px 16px 16px 16px;border:1px solid #000;border-radius:5px;margin:10px 0}.book_shelf>.book_list>.book_item>h3,p{margin:8px 0}.book_shelf>.book_list>.book_item>.action>button{border:0;padding:5px;margin:0 10px 0 0;border-radius:5px;cursor:pointer}.book_shelf>.book_list>.book_item>.action>.green{background-color:#74910b;color:#fff}.book_shelf>.book_list>.book_item>.action>.red{background-color:#941414;color:#fff}